<template>
    <div class="complaint">
        <div class="cont clearfix">
            <p>投诉</p>
            <div class="content clearfix">
                <ul class="clearfix">
                    <li class="clearfix"><span>投诉项目：</span>
                        <div style="width: 360px">
                            <Input v-model="evaluate" type="textarea"  style="resize:none" :autosize="{minRows: 5,maxRows: 10}" placeholder="请输入....." />
                        </div>

                    </li>
                </ul>
                <span @click="getinfo()" style="cursor: pointer">确认提交</span>
            </div>
        </div>

    </div>
</template>

<script>
    export default {
        name: "Complaint",
        data () {
            return {
                id:'',
                evaluate:""
            }
        },
        methods :{
           getinfo () {
               this.id = this.$route.query.id
               let _this = this
               _this.$post('/api/project/odcomplaintProject',
                   {
                       token:_this.$token,
                       order_id:_this.id,
                       content:_this.evaluate
                   },function (res) {
                       _this.$message.success(res.msg);
                   },function (err,errmsg,errcode) {
                       _this.$message.error(errmsg);
                   }
               )
           }
        }
    }
</script>

<style scoped lang="less">
    @import "../../../style/style";
 .complaint{
    .el-upload--picture-card{
        width: 90px;
        height: 90px;
        line-height: 100px;
    }
    .cont {
        border: solid 1px #e0e0e0;
        padding: 20px;
        > :first-child {
            width: 100%;
            color: @theme-color-dark;
            font-size: 18px;
            border-bottom: 1px solid @theme-color-dark;
            margin-bottom: 20px;
        }
        .content{
            >span{
                background-color: @theme-color-dark;
                font-size: 14px;
                color: white;
                padding: 12px 90px;
                border-radius: 4px;
                margin-left: 76px;
            }
            >ul{
                margin-bottom: 20px;
                li{
                    min-height: 40px;
                    >span{
                        color: #666666;
                        font-size: 14px;
                        float: left;
                        display: block;
                        b{
                            color: @theme-color-dark;
                        }
                    }
                    >div{
                        float: left;
                        width: 86%;
                        margin-left: 1%;
                        textarea{
                            padding: 10px;
                            border: solid 1px #e0e0e0;
                        }
                    }
                }
            }
        }
    }
 }
</style>